<!-- 业务对象展示页，您可以使用业务对象生成一个表单。这个表单可以在鉴权通过、不跨域的情况下。以Iframe的形式展示当前表单。并且不会入侵您已有的业务系统

1、使用方式  Iframe 形式连接当前地址 如： /form/formDef/businessDataView.html?key=aaaaaa
2、父页面需要提供 getBusinessData 方法
3、提交时调用 当前页面 getBusinessData(isValidateForm) 方法，若校验则会执行表单校验

 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link href="../../build/common/base.css" rel="stylesheet">
	<script type="text/javascript" src="../../build/common/base.js"></script>
	<script type="text/javascript" src="../../build/common/vueEdit.js"></script>
</head>
<body>
	<div id="ctrl">
		<div v-if="loaded">
			<ab-custom-form></ab-custom-form>
		</div>
	</div>
</body>
<script type="text/javascript">
	var vm = new Vue({
		el : "#ctrl",
		data : function() {
			return {
				loaded : false
			}
		},
		beforeCreate : function() {
		},
		methods : {
			getData : function(isValidate) {
				if(isValidate){
					var errorMsg = Vue.formService.getValidateMsg(this.$children[0]);
					if(errorMsg ){
						$.Dialog.alert("表单校验不通过！"+errorMsg,7);
						return false;
					}
					// 业务校验
					var custFormContext = Vue.formService.getCustFormComponent(this);
					if(custFormContext.custValid){
						if(custFormContext.custValid() === false){
							return false;
						}
					}
				}
				return this.$children[0].$data.data;
			}
		},
		created : function() {
			var url = Vue.__ctx + "/form/formDefData/getData";
			var post = Vue.baseService.postForm(url, {
				key : $.getParam("key"),
				id : $.getParam("id")
			});
			var that = this;
			$.getResultData(post, function(data) {

				window.custFormComponentMixin = {};
				var html = data.html;
				// 尝试从父页面获取值
				if(parent.getBusinessData){
					data.data = parent.getBusinessData();
				}
				
				Vue.formService.initCustFormFu(html, data);
				that.$data.loaded = true;
			});
			window.getData = this.getData;
		},
		watch : {

		}
	});
</script>
</html>